﻿<%@page pageEncoding="utf-8" %>
<%@include file="/util/tag.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <%@include file="../common/head.jsp"%>
    
    <body onload="initialYearAndMonth();">
        <%@include file="../common/top.jsp"%>
         
        <div id="main">
            <form action="" method="">
                <!--查询-->
                <div class="search_add">                        
                    <div>账务账号：<span class="readonly width70">${bill.account.loginName}</span></div>                            
                    <div>身份证：<span class="readonly width150">${bill.account.idcardNo}</span></div>
                    <div>姓名：<span class="readonly width70">${bill.account.realName}</span></div>
                    <div>计费时间：<span class="readonly width70"><s:property value="bill.toBillMonth()"/></span></div>
                    <div>总费用：<span class="readonly width70">${bill.cost}</span></div>
                    <input type="button" value="返回" class="btn_add" onclick="history.go(-1);" />
                </div>  
                <!--数据区域：用表格展示数据-->     
                <div id="data">            
                    <table id="datalist">
                        <tr>
                            <th class="width70">账单明细ID</th>
                            <th class="width150">OS 账号</th>
                            <th class="width150">服务器 IP</th>
                            <th class="width70">账务账号ID</th>
                            <th class="width150">时长</th>
                            <th>费用</th>
                            <th class="width150">资费</th>
                            <th class="width50"></th>
                        </tr>
                        <s:iterator value="items">
                        <tr>
                            <td>${id}</td>
                            <td>${osUsername}</td>
                            <td>${hostIp}</td>
                            <td>${accountId}</td>
                            <td><s:property value="toDuration()"/></td>
                            <td>${cost}</td>
                            <td>${costName}</td>                          
                            <td><a href="service_detail?itemId=${id}&billId=${billId}" title="业务详单">详单</a></td>
                        </tr>
                        </s:iterator>
                    </table>
                </div>
                <!--分页-->
                <div id="pages">
        	       <s:if test="page>1">
        	        <a href="?billId=${billId }&page=${page-1}">上一页</a>
        	        </s:if><s:else><a>上一页</a></s:else>
        	        <s:iterator begin="1" end="pageCount" var="i">
                    <a href="?billId=${billId }&page=${i}" <s:if test="page==#i">class="current_page"</s:if> >${i}</a>
                 </s:iterator>
                 <s:if test="page<pageCount">
        	        <a href="?billId=${billId }&page=${page+1}">下一页</a>
        	        </s:if><s:else><a>下一页</a></s:else>
                </div>                    
            </form>
        </div>
        
        <%@include file="../common/bottom.jsp"%> 
    </body>
</html>
